//虚拟机管理
(function($){
	$(function(){
		var resizePage = (function () {
            $("body , .recycle-page").height($(window).height());
            var ww = $(window).width(),
                wh = $("body").innerHeight(),
                searchH = $(".search-panel").outerHeight(true),
                footerH = $(".table-footer").outerHeight(true),
                ulHeaderH = $(".ul_head").outerHeight(true),
                $ulBody = $(".ul_body");

            $ulBody.height(wh - searchH - footerH - ulHeaderH);
            return arguments.callee;
        })();

        $(window).resize(resizePage);
        
        var top = window.parent.parent;
        
		//搜索相关
		$(".search-panel")
			//填写更多搜索内容
			.on("click",".show-more-search",function(e){
				e.stopPropagation();
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(".search-back-btn").hide();
					$(".more-search").hide();
				}else{
					$(this).addClass("up");
					$(".search-back-btn").show();
					$(".more-search").show();
				}
				//点击页面其他区域隐藏更多搜索条件
				$(document).on("click.moreSearch",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".more-search").length == 0 && $(evt).closest(".search-show").length == 0) {
	                    $(".show-more-search").removeClass("up");
						$(".search-back-btn").hide();
						$(".more-search").hide();
	                    $(document).off("click.moreSearch");
	                }
	            })
			})
			//点击关闭批量操作(X)按钮
			.on("click",".close-batch-handle",function(e){
				e.stopPropagation();
				//隐藏操作栏
				$(".search-panel").addClass("of-h");
				$(".batch-handle").animate({left:"-100%"},1000,function(){
					$(".search-panel").removeClass("of-h");
					$(this).addClass("d-n");
				});
				$("#checkedCount").text(0);
				$(".check-all").removeClass("checked");
				$(".ul_body").find(".li_tr").removeClass("active");
			})
			//自动删除设置
			.on("click",".set-auto-del",function(){
				var confirmDiv = '<div class="delete-day">'+
								 '<span class="confirm-label">每</span>'+
								 '<input id="deleteDay" type="text" class="import-box" value="7" data-unit="d"/>'+
								 '<div class="select-unit">'+
								 '<span class="unit-text"><span id="unit">天</span><i class="search-down-icon com_icon"></i></span>'+
								 '<ul id="unitPanel" class="unit-panel">'+
								 '<li class="unit-item" data-val="d">天</li>'+
							 	 '<li class="unit-item" data-val="h">小时</li></ul></div>'+
								 '<span class="confirm-label auto-text">自动删除</span>'+
								 '<span class="set-prompt ml-20">设置后，系统会自动清空回收站</span>'+
					  			 '<a class="sure-auto-delete"><i class="check-radio check-all select_icon"></i>始终不自动清空</a>'+
								 '</div>';
				
				top.$.confirmShow({
					headerTxt : "自动删除设置",
					contentDiv : confirmDiv,
					cntHandle : function(){
						$(".delete-day")
							.on("click",".sure-auto-delete",function(){
								if($(this).find(".check-radio").hasClass("checked")){
									$(this).find(".check-radio").removeClass("checked");
								}else{
									$(this).find(".check-radio").addClass("checked");
								}
							})
							.on("click",".unit-text",function(e){
								e.stopPropagation();
								if($(this).hasClass("on")){
									$(this).removeClass("on").closest(".select-unit").removeClass("on");
									$("#unitPanel").hide();
								}else{
									$(this).addClass("on").closest(".select-unit").addClass("on");
									$("#unitPanel").show();
								}
								$(document).on("click.unit",function(e){
									var evt = e.target;
					                if ($(evt).closest("#unitPanel").length == 0) {
					                    $(".unit-text").removeClass("on").closest(".select-unit").removeClass("on");
					                    $("#unitPanel").hide();
					                    $(document).off("click.unit");
					                }
								})
							})
							.on("click",".unit-item",function(){
								$("#unit").text($(this).text());
								$("#deleteDay").attr("data-unit",$(this).attr("data-val"));
								$(".unit-text").removeClass("on").closest(".select-unit").removeClass("on");
								$("#unitPanel").hide();
							})
							.on("keyup",".import-box",function(){
								if($(this).val().length==1){
									$(this).val($(this).val().replace(/[^1-9]/g,''));
								}else{
									$(this).val($(this).val().replace(/\D/g,''));
								}
							})	
						
						$(".confirm")
							.on("click",".pass",function(){
								var spaceTime = $("#deleteDay").val()+$("#deleteDay").attr("data-unit"),
									autoEmpty = $(".sure-auto-delete").find(".check-radio").hasClass("checked")?true:false;
								var autoDelete = {
									"spaceTime" : spaceTime,
									"autoEmpty" : autoEmpty
								};
								
								console.log(autoDelete);
								
								top.$.confirmHide();
							})
							
					}
					
				})
			})
			
		//table列表相关
		$(".table")
			//展开状态下拉搜索栏
			.on("click",".state-search",function(){
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(this).closest(".state-panel").removeClass("on");
				}else{
					$(this).addClass("up");
					$(this).closest(".state-panel").addClass("on");
				}
				//点击页面其他区域隐藏状态下拉
				$(document).on("click.state",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".state-panel").length == 0) {
	                    $(".state-search").removeClass("up");
						$(".state-panel").removeClass("on");
	                    $(document).off("click.state");
	                }
	            })
			})
			//按状态搜索
			.on("click",".state-select li",function(e){
				e.stopPropagation();
				$(".state-select").find(".select_option").removeClass("active");
				$(".state-search").removeClass("up");
				$(this).closest(".state-panel").removeClass("on");
				$(this).addClass("active");
				//stateType的值为(1,2,3,4)分别对应(全部，运行中，已关机，错误)
				var stateType = $(this).attr("sid");
				console.log(stateType);
			})
			//展开更多操作按钮
			.on("click",".show-more-handle",function(){
				if($(this).hasClass("up")){
					$(this).removeClass("up");
					$(this).closest(".handle-select").removeClass("on");
				}else{
					$(this).addClass("up");
					$(this).closest(".handle-select").addClass("on");
				}
				//点击页面其他区域隐藏更多操作
				$(document).on("click.moreHandle",function(e){
	                var evt = e.target;
	                if ($(evt).closest(".handle-select").length == 0) {
	                    $(".show-more-handle").removeClass("up");
						$(".show-more-handle").closest(".handle-select").removeClass("on");
	                    $(document).off("click.moreHandle");
	                }
	            })
			})
			//点击全选按钮
			.on("click","#checkAll",function(e){
				e.stopPropagation();
				if($(this).hasClass("checked")){
					$(".check-all").removeClass("checked");
					$(".li_tr").removeClass("active");
				}else{
					$(".check-all").addClass("checked");
					$(".li_tr").addClass("active");
				}
				selectAll();
			})
			//点击单选按钮
			.on("click",".check-radio",function(e){
				e.stopPropagation();
				if($(this).hasClass("checked")){
					$(this).removeClass("checked");
					$(this).closest(".li_tr").removeClass("active");
				}else{
					$(this).addClass("checked");
					$(this).closest(".li_tr").addClass("active");
				};
				selectAll();
			})
			
		//点击单选时判断是否已选中所有列表
		function selectAll(){
			var listNum = $(".ul_body").find(".li_tr").length,
				checkedNum = $(".ul_body").find(".check-all.checked").length;
			$(".search-panel").addClass("of-h");
			$("#checkedCount").text(checkedNum);
			$(".batch-handle").stop();
			if(checkedNum == 0){
				$(".batch-handle").animate({left:"-100%"},600,function(){
					$(".search-panel").removeClass("of-h");
					$(this).addClass("d-n");
				});
			}else if(checkedNum >= 1){	
				$(".batch-handle").removeClass("d-n").animate({left:"0"},600,function(){
					$(".search-panel").removeClass("of-h");
				});
			}
			if(checkedNum < listNum){
				$("#checkAll").removeClass("checked");
			}else if(checkedNum == listNum){
				$("#checkAll").addClass("checked");
			}
		};
		
	})
	
})(jQuery)

